.root
  position relative

.body
  position relative
  > div
    word-break break-all
  [data-role="dialog-body"]
    padding 40px 30px
    color #777

[data-role="dialog-title"]
  background-color #F3F6F9
  height 46px
  display flex
  align-items center
  padding-left 15px
  position relative
  .title
    font-size 16px
    margin-bottom 30px
.twoColumn
  [data-role="dialog-body"]
    padding-top 20px
    padding-bottom 20px
  [data-role="dialog-title"]
    background-color transparent
    height auto
    padding-left 0
    color #333
  > div:first-child
    min-width 594px
    display flex
    > div
      &:first-child
        width 300px
      &:last-child
        [data-role="dialog-title"]
          margin-left 20px
        flex 1
        position relative
        background-color #f3f6f9
        padding-bottom 54px
        margin-top -20px
        margin-right -30px
        margin-bottom -80px
        padding-top 20px
      [data-role="dialog-preview-bg"]
        position absolute
        left 0
        top -20px
        right -20px
        bottom -80px
        background-color #F7F9FD
        z-index -1

.actions
  padding 15px 20px
  display flex
  justify-content flex-end
  position relative
  &::before
    content ''
    background-color #eee
    width calc( 100% - 40px )
    left 20px
    top 0
    height 1px
    position absolute
  button
    &+button
      margin-left 10px

.twoColumn
  .actions
    &::before
      display none

.close
  position fixed
  right 15px
  top 15px
  z-index 10
  i
    color rgb(187, 187, 187)

@import './style.dialog.ie.styl'
